form { margin-top: 20px; }

.rowfield { margin: 0 0 10px; }

.rowfield label {
    font-weight: bold;
    padding: 0;
    text-shadow: 1px 1px 1px #FFFFFF;
}

.rowfield.required label span { color: red; }

.rowfield .field-content { margin-top: 5px; }

.rowfield .field-content input,
.rowfield .field-content textarea {
    background-color: #FFF;
    border: 0 none;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 5px;
    width: 289px;
    font-size: 13px;
    font-family: Verdana, Monospace, serif;
    color: #444;
}

.rowfield .field-content textarea { width: 349px; }

.rowfield .field-content input:focus,
.rowfield .field-content textarea:focus {
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
}

.rowfield .field-content .errors {
    font-style: italic;
    color: red;
}

button,
a.button {
    background-image: url(../images/alert-overlay.png);
    background-repeat: repeat-x;
    background-color: #222;
    display: inline-block;
    padding: 6px 10px;
    color: #FFF;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
    line-height: 1;
}

button:hover, a.button:hover { background-color: #111; }

button.blue, a.button.blue { background-color: #2daebf; color: #FFF !important; }
button.red, a.button.red { background-color: #e33100; }
button.magenta, a.button.magenta { background-color: #a9014b; }
button.orange, a.button.orange { background-color: #ff5c00; }
button.yellow, a.button.yellow { background-color: #ffb515; }

button.blue:hover, a.button.blue:hover { background-color: #007D9A; }
button.red:hover, a.button.red:hover { background-color: #872300; }
button.magenta:hover, a.button.magenta:hover { background-color: #630030; }
button.orange:hover, a.button.orange:hover { background-color: #D45500; }
button.yellow:hover, a.button.yellow:hover { background-color: #FC9200; }
